<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>角色管理</title>
		<link href="css/background.css" rel="stylesheet" type="text/css" />
		<link href="css/table.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="js/table.js"></script>
		<script type="text/javascript" src="js/openwindow.js"></script>
		<script type="text/javascript">
function page(currentPage){
	$("#pageId").val(currentPage);
	document.pageForm.submit();
}
function clearInfo(){
	$("#name").val("");
	document.searchForm.submit();
}	

function initadd(){
	var url="initRole.action";
	openWindow(url,650,200);
}	

function deleteUser(){
	var arry="";
	var count=0;
	var checks=$("input[name='ids']");
	for(var i=0;i<checks.length;i++){
		if(checks[i].checked){
			if(arry==''){
			arry+="ids="+checks[i].value;
			}else{
			arry+="&ids="+checks[i].value;
			}
			count++;
		}
	}
	if(count==0){
		alert("请选择要删除的数据！");
		return;
	}
	if(confirm("确定要删除？")){
		$.post("deleteRole.action",arry,function(data){
			if(data=="success"){
				alert("删除数据成功！");
				var currentPage=$("#currentPage").val();
				page(currentPage);
			}else{
				alert("删除数据失败！");
			}
		});
	}
}

function updateRole(id){
var currentPage=$("#currentPage").val();
	var url="getRoleInfo.action?roleId="+id+"&currentPage="+currentPage;
	openWindow(url,650,200);
}

function userRole(id){
	var url="userRoleYes.action?roleId="+id;
	openWindow(url,850,700);
}

function roleMenu(id){
	var url="getMenuAll.action?roleId="+id;
	openWindow(url,350,450);
}
</script>

	</head>

	<body>
		<div class="topdiv">
			<form action="roleManager.action" method="post" name="searchForm">
			<div>
				角色名称：
				<input type="text" id="name" name="name"
					value="${name}" />
			</div>
			<table align="right">
				 <tr>
					<td>
						<input class="button_04" type="submit" value="立即查找" />
				 		<input align="right"  class="button_02" type="button" onclick="clearall()" value="清除" />
					</td>
				 </tr>
				</table>
			</form>
		</div>
		<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody>
  <tr>
    <td style="background: url('image/wsoa_window_002.gif');" width="1"></td>
    <td style="background: url('image/wsoa_window_002.gif');"><table border="0" cellpadding="0" cellspacing="0">
      <tbody><tr>
        <td align="center" style="background: url('image/wsoa_window_002.gif');" width="10"><img src="image/center_19.gif"></td>
        <td align="center" style="background: url('image/wsoa_window_002.gif');"></td>
        <td>系统管理 &gt; 基础设置 &gt; 角色管理 </td>
        </tr>
    </tbody>
    </table></td>
    <td style="background: url('image/wsoa_window_002.gif');" width="1"></td>
  </tr>
  <tr>
    <td style="background: url('image/wsoa_window_010.gif');"  width="1">&nbsp;</td>
    <td>
		
		<table class="intable">
			<tr>
				<td>
					<input type="button" onclick="initadd()" value="添加"
						class="button_02" />
				</td>
				<td>
					<input type="button" onclick="deleteUser()" value="删除"
						class="button_02" />
				</td>
			</tr>
		</table>

		<table id="tabllist" class="righ_list" frame="box" cellspacing="1" cellpadding="0" width="100%"  border="0">
			<tr class="reigh_list2">
				<th align="left" width="5%">
					<input type="checkbox" onclick="checkAll()" id="all">
				</th>
				<th align="left" width="10%">
					序号
				</th>
				<th align="left">
					角色名称
				</th>
				<th align="left" width="25%">
					操作
				</th>
			</tr>

			<c:if test="${empty roleList}">
				<tr id="row">
					<td colspan="7">
						没有相关记录！
					</td>
				</tr>
			</c:if>
			<c:forEach items="${roleList}" var="role">
				<tr id="row" onmouseover="overStyle(this)" onmouseout="outStyle(this)">
					<td align="center">
						<input type="checkbox" name="ids" value="${role.id}">
					</td>
					<td>
						${role.id}
					</td>
					<td>
						${role.name}
					</td>
					<td> &nbsp;
						<a href="javascript:roleMenu('${role.id}')" style="color: #FF6600; font-weight: bold">角色授权</a> &nbsp;
						<a href="javascript:userRole('${role.id}')" style="color: #FF6600; font-weight: bold">用户指定</a>&nbsp;
						<img alt="修改" onclick="updateRole('${role.id}')" src="image/operate_update.gif" style="cursor: pointer">
					</td>
				</tr>
			</c:forEach>
		</table>
		
		<td style="background: url('image/wsoa_window_006.gif');"  width="1">&nbsp;</td></tr>
  <tr>
    <td height="1" width="1"><img src="image/wsoa_window_009.gif" height="16" width="14"></td>
    <td style="background: url('image/wsoa_window_008.gif');" height="1"></td>
    <td height="1" width="1"><img src="image/wsoa_window_007.gif" height="16" width="12"></td>
  </tr>
</tbody>
</table>
	<div class="pageDiv">
	<form action="roleManager.action" method="post" name="pageForm">
		<input type="hidden" name="name" value="${name}">
		<input type="hidden" id="pageId" name="currentPage">
		<%@include file="../page/page.jsp"%>
	</form>
	</div>
	</body>
</html>